body {
	padding: 0;
	margin: 0;
	background: #2969C9;
}

/* Main layer styles */
.layer path {
	fill: #f09669;
	fill-opacity: 0.3;
	stroke-width: 1px;
	stroke: #def;
}
.layer path.signal-hexa {
	fill: #ffe0ca;
	stroke-width: 1px;
	stroke: #730;	
}
.layer path.holder-hexa {
	fill: #cae0ff;
	stroke-width: 1px;
	stroke: #037;
}
.layer path.selected-hexa {
	stroke-width: 2px;
}

/* Auxiliary layer styles */
.auxiliary-layer {
	opacity: 0.5;
}
.auxiliary-layer path {
	fill: #d0e0f0;
	stroke-width: 1px;
	stroke: #9bd;
}
.opaque-layer path{
	opacity: 0.5;
	fill: #2969C9;
}

.invisible-hexa {
    opacity: 0;
	fill: #fff;
	stroke-width: 1px;
	stroke: #999;
}
